extends common/layout
include common/personBanner
include common/mainContent

block title
  title 企业服务网站-个人中心

block body
  .person
    // 个人中心banner
    +personBanner(true)
    // 内容页面
    - var leftTitle = [{number: 33, name: '我的关注', newNumber: 3}, {number: 218, name: '我的粉丝'}, {number: 15, name: '我的私信', selected: true}]
    - var rightTitle = []
    +mainContent(leftTitle, rightTitle)
      ul.letter-content
        each value, index in [0, 1, 2, 3, 4, 5, 6]
          li.letter-item.clearfix
            .letter-head
              img(src="#{images}person-letter-head.png")
            .letter-info
              .title 小心肝儿
              .sub-title
                | 十多个了见杀了的工具杀了的工具老师安乐居拉萨的管理就理解是
                | 男的逻辑你收集大概撒旦个收到撒旦个收到收到公司
              .letter-control-box
                .reply
                  .reply-btn
                  span 回复
                a.letter-clear(href="#") 清空
                //-a.letter-readed(href="#") 设为已读
                .letter-time(href="#") 1小时前
              .reply-box
                textarea(placeholder="你有什么想法?")
                a.reply-submit(href="#") 回复
      script.
        // 点击回复按钮显示回复框
        $(function() {
          var reply = $('.reply');
          reply.click(function() {
            $(this).toggleClass('reply-btn-selected');
            $(this).parents('.letter-info').find('.reply-box').slideToggle(250);
          });
        });
      a.show-more-btn(href="javascript:;") 查看更多
append script
